@font-face
{
	font-family: FZCYSJW;
	src:url(../font/FZCYSJW.TTF); 
	}
*{
	margin: 0;
	padding: 0;
	font-size: 14px;
	
}
body{background-color: #fff;
	 font-family: 'PingFang SC','Myriad Pro','Hiragino Sans GB','microsoft yahei';
	 line-height: 1.5;
	 overflow-x: hidden;
	 }
a{text-decoration: none;}
ul, ol { padding: 0;list-style: none;}


.app-btn:hover, .slide-con-btn:hover{
	background-image: linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));/*不是直接改变背景色*/
}
.slide-con-h, .home-h3, .app-slogon{
	font-family: FZCYSJW;
}

.mid-con{
	/*width: 100%;*/
	display: inline-block;
	vertical-align: middle;
	
}
.mid-i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.tab-tab{
	width: 206px;
	max-width: 95%;
	margin: 0 auto;
	text-align: justify;
	font-size: .1px;
	position: relative;	
	line-height: 0;
}

.header{
	height: 511px;
	position: relative;
	color: #FFFFFF;
}
.constr{
	width: 964px;
	margin: 0 auto;
	overflow: visible;
}
.barX{
	opacity: 1;
}
.barX-fixed{
	display: block;
	position: fixed;
	background-color: #FFFFFF;
	height: 74px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	box-shadow: 0 1px 5px rgba(0,0,0,.2) ;
	transition: all .25s; 
}
.hd-bar{
	display: block;
	position: relative;
}
.logo{
	background: url(../img/yw-log4.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 15px;
	width: 138px;
	height: 50px;
	
}
.barX-fixed .nav-a{
	color: #202425;
	text-shadow:none;
}

.barX-fixed .logo{
	background-position: 0 -48px;
}
.barX-fixed .nav-btn{
	border: 1px solid #FF8C00;
	color: #FF8C00;
}
.logo h1{
	position: absolute;
	top: -90px;
}
.nav{
	position: absolute;
	top: 0;
	z-index: 1;
	right: 120px;
	letter-spacing: -.25em;
}
.nav-a{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 20px 16px 17px;
	letter-spacing: 0;
	color: #FFFFFF;
	font-size: 16px;
	z-index: 1;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) ;
	transition: all .25s;
}
.nav .nav-a:hover{
	background-color: hsla(0,0%,100%,.25);;
	box-shadow: 0 1px #fff ,0 2px #fff,0 3px #fff;
}
.barX-fixed .nav-a:hover{
	color: #FF8C00;
	box-shadow: 0 1px #FF8C00 ,0 2px #FF8C00,0 3px #FF8C00;
}
.barX-fixed .nav .active{
	background-color: #FF8C00;
	box-shadow: 0 1px #FF8C00 ,0 2px #FF8C00,0 3px #FF8C00;
	color: #FFFFFF;
}
.nav-btn{
	position: absolute;
	right: 0;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	top: 20px;
	padding: 0 12px;
	transition: all .25s; 
}
.nav-btn:hover{
	background-color: #FF8C00;
}
.barX-fixed .nav-btn:hover{
	color: #FFFFFF;
}
.banner { 
			position: relative; 
			overflow: auto; 
			text-align: center; 
			width: 100%;
			height: 100%;
		}
.banner li { 
				list-style: none; 
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
.banner ul li { 
				float: left;
				display: block; 
				height: 511px;
				overflow: hidden;
				width: 1000px;
			}

#hdslide .dots { position: absolute; left: -870px; right: 0; bottom: 35px;}
#hdslide .dots li 
{ 
    display: inline-block; 
    width: 6px; 
    height: 6px; 
    margin: 0 8px; 
    text-indent: -999em; 
    border: 1px solid #fff; 
    border-radius: 4px; 
    cursor: pointer; 
    background: #fff;
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s;
}
#hdslide .dots li.active 
{
    background: #fff;
    opacity: 1;
}
.slide-con {
	position: absolute;
	height: 300px;
	width: 940px;
	margin-top: 130px;
	margin-left: 140px;
	text-align:left;
}

.slide-con-h {
	position: absolute;
	
	font-size: 48px;
	font-weight: 300;
	
}
.slide-con-p{
	position: absolute;
	font-size: 36px;
	font-weight: 200;
	
	margin-top: 80px;
	text-align: left;
	font-family: "microsoft yahei";
}
.slide-con-btn{
	position: absolute;
	width: 240px;
	display: block;
	
	background-color: #03a0e5;
	bottom: 80px;
	border-radius: 5px ;
	padding: 10px 0;
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	text-indent: 20px;  /* //text-aligt:left 否则indent无效*/
}
.slide-icon svg{	
	position: absolute;
	top: 22px;
	left: 15px;
	height: 30px;
}

.data-view{
	padding-top: 55px;
	overflow: hidden;

}
.data-dl{
	margin: 0 10px;
	float: left;
	width: 29.46%;
	text-align: center;
	font-weight: 400;
}
.data-dl-center{
	margin:0 30px;
	
}
.data-icon{
	display: block;   /*内联元素没有宽高*/
	background: url(../img/icons-pbm3.png) no-repeat;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.data-dt p{
	color: #FF8C00;
	font-size: 24px;
}

.data-dd{
	color: #717678;
	font-size: 13px;
	margin: 20px 1em 0;
}
.data-icon2{
	background-position-y: -60px;
}
.data-icon3{
	background-position-y: -120px;
}
.data-desc{
	font-size: 16px;
	line-height: 1.8;
	width: 87.2%;
	margin: 3em auto;
}
.home-h3{
	margin: 20px 0;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
}
.copy-x{
	width: 100%;
	margin-top: 48px;
}
.copy-xx{
	height: 240px;
	overflow: hidden;
}
.copy-center{
	height: 240px;
	width: 7200px;
}
.center1{
	animation-na: copy-animation 90s linear infinite;
	-webkit-animation: copy-animation 90s linear infinite; /* Safari 与 Chrome */
}
.center2{
	animation-na: copy-animation 130s linear infinite;
	-webkit-animation: copy-animation 130s linear infinite; /* Safari 与 Chrome */
}
.centerhover{
	animation-play-state: paused;
}
.copy-li{
	float: left;
	height: 100%;
	position: relative;
}
.copy-part{
	height: 100%;
	overflow: hidden;
}
.copy-part-l{
	width: 360px;
}
.copy-part-s{
	width: 180px;
}
.copy-xx img{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.ip-desc{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	color: white;
	background: #FF8C00;
	text-align: center;
	font-weight: 300;
	cursor: default;
	pointer-events: none;
	opacity: 0;
	transition: visibility .4s, opacity .25s;
	-webkit-transition: visibility .4s, opacity .25s; 
}
.copy-part:hover .ip-desc{
	visibility: visible;
	opacity: 1;
}
.ip-desc .mid-con{
	width: 100%;
	transform: translateY(50px);
	transition: transform .25s;
	-webkit-transition: transform .25s; 
}

.copy-part:hover .mid-con{
	transform: translateY(0);
}

.ip-text{
	text-align: justify;
	vertical-align: middle;
	margin: 0 14px;
}
.home-app{
	padding-top: 28px;
	
}
.home-app .tab-tab{
	margin: 41px auto;
	
	/*text-align-last:justify;*/    /*兼容性不好*/
}
.tab-a{
	display: inline-block;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	color: #202425;
	line-height: 1.5;
	padding-bottom: 10px;
	overflow:hidden;
	vertical-align:top;
	transition: color .25s;
}
.tab-a:hover{
	color: #FF8C00;
}
.tab-tab .active{
	font-weight: 400;
	color: #FF8C00;
	
}
.con-justify{
	display: inline-block /* Opera */; padding-left: 100%;
}

.tab-bot-line{
	display: block;
	width: 99.8%;
	border-top: 1px solid #999;
}
.tab-hline{
	width: 58px;
	transform: translateX(0);
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	border-top: 5px solid #FF8C00;	
	transition: all .25s;
}
.tab-panel{
	height: 398px;
	position: relative;
}

.tab-panel-li{
	width: 100%;
	height: 100%;
	visibility: hidden;
	position: absolute;
	left: 0;
	transition: visibility .35s,opacity .35s;
	opacity: 0;
}
.tab-panel .active{
	visibility: visible;
	opacity: 1;    /*否则重叠*/
}
.app-img-x{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	
}
.app-img{
	height: 100%;
	margin-left: -25px;
}
.app-desc{
	margin-left: 485px;
	padding-top: 96px;
	
}
.app-slogon{
	font-size: 36px;
	font-weight: 400;
	line-height: 1.33333;
}
.app-desc-detail{
	font-size: 18px;
	font-weight: 300;
	margin: 5px 50px 40px 0;
}
.app-btn{
	display: inline-block;
	width: 120px;
	background-color: #FF8C00;
	border-radius: 4px;
	padding: 10px 18px;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}
@keyframes copy-animation{
	from {transform: translateX(0);}    
    to {transform: translateX(-3608px);}
}
@-webkit-keyframes copy-animation{
	from {transform: translateX(0);}    
    to {transform: translateX(-3608px);}
}
.brand{
	background:url(../img/bg5.jpg) no-repeat center;
	height: 535px;
	color: #FFFFFF;
	padding-top: 30px;
}
.brand-desc{
	width: 100%;
	min-height: 160px;
	position: relative;
	margin-top: 46px;
}
.brand-desc-li{
	visibility: hidden;
	position: absolute;
	transition: visibility 225ms;
	opacity: 0;
	
}
.brand-desc .in{
	visibility: visible;
	animation-name:slideinfrombottom ;
	-webkit-animation-name:slideinfrombottom ;
}
.brand-desc .out{
	visibility: visible;
	animation-name:slideintotop ;
	-webkit-animation-name:slideintotop ;
}
.brand-desc .revers.in{
	animation-name:slideinfromtop ;
	-webkit-animation-name:slideinfromtop ;
}
.brand-desc .revers.out{
	animation-name:slideintobottom ;
	-webkit-animation-name:slideintobottom ;
}
.brand-desc .in, .brand-desc .out{
	animation-duration: 225ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
}
@keyframes slideinfrombottom{
	from{transform: translateY(25%);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
@keyframes slideintotop{
	from{transform: translateY(0);opacity:1 ;}
	to{transform: translateY(-25%);opacity: 0;}
}
@keyframes slideinfromtop{
	from{transform: translateY(-25%);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
@keyframes slideintobottom{
	from{transform: translateY(0);opacity: 1;}
	to{transform: translateY(25%);opacity: 0;}
}
@-webkit-keyframes slideinfrombottom{
	from{-webkit-transform: translateY(25%);opacity: 0;}
	to{-webkit-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes slideintotop{
	from{-webkit-transform: translateY(0);opacity:1 ;}
	to{-webkit-transform: translateY(-25%);opacity: 0;}
}
@-webkit-keyframes slideinfromtop{
	from{-webkit-transform: translateY(-25%);opacity: 0;}
	to{-webkit-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes slideintobottom{
	from{-webkit-transform: translateY(0);opacity: 1;}
	to{-webkit-transform: translateY(25%);opacity: 0;}
}
.ibrand{
	display: inline-block;
	text-align: center;
	font-family: normal ;
	font-size:32px ;
	line-height:60px;
	width: 140px;
	height: 60px;	
	transition:transform 0.6s;
}


.brand-desc-li .ibrand{
	position: absolute;
	left: 0;
	margin: 15px 0 0 50px;
}
.brand-p{
	line-height: 26px;
	font-size: 16px;
	font-weight: 200;
	width: 760px;
	text-align: justify;
	margin-left:100px ;
}
.brand-nav-x{
	text-align: justify;
}

.brand-nav-a{
	display: inline-block;
	width: 138px;
	height: 58px;
	border: 1px solid;
	position: relative;
	margin-bottom: 17px;
	vertical-align: top;
	color: #FFFFFF;
	opacity: .3;
	line-height: 1.5;
	transition: all .25s;
}
.brand-nav-a:hover .ibrand{
transform: rotateY(360deg);
}
.brand-nav-a.active{
	opacity: 1;
}
.brand-nav-a-last{
	height: 0;
	visibility: hidden;
}
.brand-nav-a .ibrand{

}
.ibrand.chuangshi{
	background-position-y: 0;
}
.ibrand.hongxiu{
	background-position-y: -80px;
}
.ibrand.huawen{
	background-position-y: -160px;
}
.ibrand.jushi{
	background-position-y: -240px;
}
.ibrand.langren{
	background-position-y: -320px;
}
.ibrand.nvsheng{
	background-position-y: -400px;
}
.ibrand.qidian{
	background-position-y: -480px;
}
.ibrand.qddushu{
	background-position-y: -560px;
}
.ibrand.qqyuedu{
	background-position-y: -640px;
}
.ibrand.rongshu{
	background-position-y: -720px;
}
.ibrand.tianfang{
	background-position-y: -800px;
}
.ibrand.xiaoxiang{
	background-position-y: -880px;
}
.ibrand.xiaoshuo{
	background-position-y: -960px;
}
.ibrand.yanqing{
	background-position-y: -1040px;
}
.ibrand.yunqi{
	background-position-y: -1200px;
}
.ibrand.zhongzhi{
	background-position-y: -1280px;
}
.ibrand.zuojia{
	background-position-y: -1360px;
}
.brand-nav-a .yunqi, .brand-nav-a .hongxiu, .brand-nav-a .xiaoxiang, .brand-nav-a .nvsheng{
	clip: rect(0 200px 100px 65px);
	left: -55px;
}
.brand-nav-a .rongshu{
	transform: scale(.4);
	clip: auto;
	left: -30px;
}
.brand-nav-a .jushi, .brand-nav-a .zhongzhi, .brand-nav-a .zuojia{
	left: -45px;
}
.news{
	padding: 29px 0 44px;
	overflow: hidden;
}
.news-x{
	margin-top: 40px;
 	margin-left: 0;
 	/*margin-right: -88px;*/
 	width: 1200px;
}
.news-li{
	position: relative;
	display: inline-block;
	width: 430px;
	margin-right: 88px;
	margin-bottom: 40px;
	vertical-align: top;
}
.news-li .news-title a{
	font-size: 20px;
}
.news-time{
	color: #81898c;
	margin-top: 7px;
	font-size: 12px;
}
.news-tag{
	font-size: 11px;
	border: 1px solid #81898c;
	border-radius: 2px;
	line-height: 16px;
	padding:0 2px;
}
.news-sum{
	margin: 20px 0;
	text-align: justify;
}
.news-more-a{
	color: #FF8C00;
	font-size: 13px;
}
.font-helv {
	font-family: helvetica;
}
.font-en{
	font-family: arial;
	font-weight: 700;
	font-size: inherit;
}
.yw-footer{
	background-color: gainsboro;
}
.yw-footerbox{
	padding-top:50px;
	color: white;
	height: 100px;
	text-align: center;
}
.logbox{
	position: absolute;
	visibility: hidden;
	left: 720px;
	top:60px;
	width: 250px;
	height: 350px;
}
.activelogbox{
		visibility: visible;			
}
.st{
position: relative;
left: 190px;
background-color: transparent;
width: 1px;
height: 1px;
border-bottom: 14px solid #FF8C00;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
content: '';
z-index:999 ;
}
.loginbox{
	position: absolute;
	background-color: #FF8C00;
	width: 240px;
	height: 290px;
	border: 10px solid #FF8C00;
	border-radius: 10px;
	z-index: 999;
}
.loginform{
	background-color: white;
	padding: 5px;
	border-radius: 10px;
	border:10px solid white;
}
.loginform fieldset{
	border: 0;
}
.input2 {
	font-family: "华文新魏";
	display: block;
	font-size:16px;	
	color: #81898C;

}
.input1 {
	margin-bottom: 10px;
	width: 200px;
	height: 30px;
	padding-left: 5px;
	padding-right:5px;
	border-radius: 5px;
	border:1px solid #DCDCDC;
	transition: border 0.2s;
}
.input1:hover{
	border:1px solid grey;
}
.remeber{
color: #81898C;
display: block;
font-size: 15px;
font-family: "华文新魏";	
}
.remeber input{
	margin-right: 10px;
		
}
.loginbutton,.signupbutton{
	font-family: "微软雅黑";
	border-radius: 5px;
	border: 0;
	cursor: pointer;
	width: 210px;
	height: 30px;	
	transition: background-color color .3s;
	margin-bottom: 10px;
	color: #717678;
}
.loginbutton:hover,.signupbutton:hover{
	background-color: gray;
	color: white;
}
.forget a{
	color: #DCDCDC;	
	transition: color .3s;

}
.forget a:hover{
	color: #717678;
}
#loginorsignup{
	cursor: pointer;
}

/*foot*/
#footer {
    padding:30px;
     background:url('../img/binding_dark.png');
    color:#fff;
    height: 100%;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
        width: 1170px;
        font-size: 14px;
     display: table;
    content: " ";
}
.row {
	margin:auto;
	width: 85%;
    display: table;
    content: " ";
}
.col{
	line-height: 30px;
	float: left;
	position: relative;
	width: 50%;

}
#footer h4{
     font-size:15px;
    font-weight:500;
    height: 26px;
}
    #footer h3 {
        color:#ff8c00;
    }
    #footer span {
        color:#ff8c00;
        margin-right:5px;
    }
    

